
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Contacts &rarr; <span>Reports</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>
			
			<!-- Reports -->
			<div id="form_filters" class="leading clearfix">
			
				<!-- Report Filter -->
				<div class="column width2 first">
					<div class="content-box corners">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Reports </h3>
							<span class="right-buttons">
								<img src="<?= $this->config->item('webroot') ?>images/ajax_loader_gray.gif" class="hidden loader" width="24" height="24" alt="" />
							</span> 
						</header>
						<section>
							<div class="box hidden"></div>
							
							
							<fieldset>
								<legend>Saved Reports</legend>
								<select></select>
							</fieldset>
							
							<fieldset>
								<legend>New Report</legend>
								
								<table class="no-style full">
								
								
									<tr>
										<td><input type="text" class="full title" /></td>
									</tr>
									<tr>
										<td><label><input type="checkbox" value="persons" data-type="category" /> Persons</label></td>
									</tr>
									<tr>
										<td><label><input type="checkbox" value="companies" data-type="category" /> Companies</label></td>
									</tr>
									<tr>
										<td>
											<div class="contact_types hidden">
												<label class="choice"><input type="checkbox" value="employee" data-type="contact_type" /> <?= COMPANY_NAME ?> Employee</label><br />
											</div>
										</td>
									</tr>
									<tr>
										<td>
											<div class="contact_fields hidden"></div>
										</td>
									</tr>
								</table>
								
							</fieldset>
							<a id="create-report" class="btn btn-blue">Save</a>

						</section>
					</div>
				</div>
				<!-- End of Report Filter -->
				
				<!-- Report Result -->
				<div id="report" class="column width6">
					<div class="content-box corners">
						<header>
							<h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" /><span class="title">New Report</span></h3>		
											
						</header>
						<section>
							
							<div id="entry_list" class="dataTables_wrapper">
								
								<div class="inner-width6 first">
									<table class="display stylized full">
										<thead>
											<th class="sorting_asc">Name</th>
											<th class="sorting_asc">Company</th>
											<th class="sorting_asc">Type</th>
											<th class="sorting_asc">Address</th>
											<th class="sorting_asc">Email</th>
											<th class="sorting_asc">Mobile</th>
										</thead>
										<tbody>
											<tr class="gradeA odd">
												<td>
													Paul Ouano</td>
												<td>
													NEC Telecom</td>
												<td>
													Supplier, 
												Prospect</td>
												<td>
													Cebu City</td>		
												<td>
													paul@ouano.com</td>	
												<td>
													+639228836542
												</td>						
											</tr>
											<tr class="gradeA even">
												<td>
													Noie Aum</td>
												<td>NEC Telecom</td>
												<td>Supplier, Prospect, Customer</td>
												<td>Mandaue City</td>
												<td>
													noie@aum.com
												</td>	
												<td>+639228846343</td>	
											</tr>
											<tr class="gradeA odd">
												<td>
													Arjun Alba
												</td>
												<td>
													San Miguel</td>
												<td>
													Prospect, Customer
												</td>
												<td>
													Cebu City</td>
												<td>
													arjun@alba.com</td>	
												<td>+639283729839</td>	
											</tr>
											<tr class="gradeA even">
												<td>
													Reynante Labares</td>
												<td>NEC Telecom</td>
												<td>Supplier, </td>
												<td>Cebu City</td>
												<td>
													rein@labares.com</td>	
												<td>+639228836542</td>	
											</tr>
											<tr class="gradeA odd">
												<td>
													Santos, Kaye</td>
												<td>
													San Miguel</td>
												<td>Prospect, Customer, Employee</td>
												<td>
													Quezon City
												</td>
												<td>
													kaye@santos.com</td>	
												<td>+639228602042</td>	
											</tr>
										</tbody>
										<tfoot>
											<th>Name</th>
											<th>Company</th>
											<th>Type</th>
											<th>Address</th>
											<th>Email</th>
											<th>Mobile</th>
										</tfoot>
									</table>
								</div>
								<!-- End of Report table - Leaves -->
								
								
							</div>
							
						</section>
					</div>
				</div>
				<!-- End of Report Result -->
				
			</div>
			<!-- End of Reports -->
			
		 </div>
		 <!-- End of Wrapper -->
		
	</div>
	<!-- End of Page content -->
	
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/contacts.js"></script>
	<script type="text/javascript">
		CONTACTS.Reports.initialize();
	</script>